<template>
  <div class="Pwodezhangdan">
    <Pheader class="tou" msg="我的账单" />
    <div class="main">
      <el-table :data="tableData" stripe style="width: 90%">
        <el-table-column prop="date" label="操作" width="180"></el-table-column>
        <el-table-column prop="chongzhi" label="充值金额" width="180"></el-table-column>
        <el-table-column prop="zhanghu" label="账户余额" width="180"></el-table-column>
        <el-table-column prop="day" label="时间"></el-table-column>
      </el-table>
    </div>
  </div>
</template>
<script>
// import Pbutton from '@/components/P_button.vue'
import Pheader from "@/components/P_header.vue";

export default {
  name: "Pwodezhangdan",
  components: {
    //  Pbutton,
    Pheader
  },
  data() {
    return {
      tableData: [
        {
          date: "充值",
          chongzhi: "+$1000.00元",
          zhanghu: "3443.00元",
          day:"2015-04-12 12:30"
        },
        {
          date: "消费",
          chongzhi: "-$1000.00元",
          zhanghu: "3443.00元",
          day:"2015-04-12 12:30"
        },
        {
          date: "退款",
          chongzhi: "-$1000.00元",
          zhanghu: "3443.00元",
          day:"2015-04-12 12:30"
        },
        {
          date: "充值",
          chongzhi: "+$1000.00元",
          zhanghu: "3443.00元",
          day:"2015-04-12 12:30"
        }
      ]
    };
  }
};
</script>
<style scoped>
.Pwodezhangdan {
  width: 100%;
  height: 488px;
  border: 1px solid #e7e7e7;
  /* margin-left:1%; */
  position: absolute;
  top: -490px;
  left: 0px;
  background: #fff;
}
.Pwodezhangdan .tou {
  padding: 12px 13px;
  border-bottom: 1px solid #e7e7e7;
}
.Pwodezhangdan .main{
  width:100%;
  margin-left:5%;
}
</style>
